<template>
      <view class="box">
        <view class="container">
          <view class="title">服务说明</view>
          <view class="content">
            <view class="item">
              <view class="dt">无忧退款</view>
              <view class="dd">
                自收到商品之日起30天内,可在线申请无忧退货服务
                (内裤,食品等特殊商品除外)
              </view>
            </view>
            <view class="item">
              <view class="dt">快速退款</view>
              <view class="dd">
                收到退货包裹并确认无误后, 将在48小时内办理退款, 退款将原路返回,
                不同银行处理时间不同, 预计1-5个工作日到账
              </view>
            </view>
            <view class="item">
              <view class="dt">满88元免邮费</view>
              <view class="dd">
                单笔订单金额(不含运费)满88元可免邮费, 不满88元,
                单笔订单收取10元邮费
              </view>
            </view>
          </view>
        </view>
        <view class="closeBtn" @click="closeSkuBox">
            <u-icon name="close" size="24"></u-icon>
        </view>
      </view>
</template>
<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  name: "",
  data() {
    return {};
  },
  methods: {
    closeSkuBox() {
      this.$emit("close");
    },
  },
};
</script>
<style lang="scss">
.box {
  border-top: 1px solid #ccc;
  min-height: 50vh;
  background-color: white;
  padding-bottom: 20rpx;
  font-size: 28rpx;
  color: #333333;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.container {
  width: 100%;
  margin: 0 auto;
  min-height: 500rpx;

  .title {
    line-height: 1;
    padding: 40rpx 0;
    text-align: center;
    font-size: 32rpx;
    font-weight: normal;
    border-bottom: 1rpx solid #ddd;
    color: #444;
  }
  .content {
    padding: 20rpx 10rpx 100rpx 20rpx !important;
    .item {
      margin-top: 20rpx;
      .dt {
        margin-bottom: 10rpx;
        font-size: 28rpx;
        color: #333;
        font-weight: 500;
        position: relative;
      }
      .dd {
        line-height: 1.6;
        font-size: 26rpx;
        color: #999;
      }
    }
  }
}
.closeBtn{
  position: absolute;top: 20px;
  right: 30rpx;
}
</style>